<template>
  <div>
   <span>{{ shopName }}</span>
     <button @click="add">+</button>
     {{count}}
     <button @click="reduce">-</button>
  </div>
</template>

<script>
export default {
 props: ['shopName','count','index'],
 methods:{
  add() {
   this.$emit('addSome',this.index,1)
  },
  reduce() {
   this.$emit('reduceSome',this.index,1)
  }
 }
}
</script>

<style>

</style>